<template>
  <div class="page">
    <Header></Header>

    <div class="section py_default pitch_sm">
      <van-cell-group inset class="row radius_lg">
        <van-cell
          title="我的收藏"
          @click="navigate('/modules/center/src/collect')"
          is-link
        />
      </van-cell-group>
      <van-cell-group inset class="row radius_lg">
        <van-cell
          title="我的设备"
          @click="navigate('/modules/center/src/income')"
          is-link
        />
      </van-cell-group>
      <van-cell-group inset class="row radius_lg">
        <van-cell
          title="信息审核"
          @click="navigate('/modules/good/src/review')"
          is-link
        />
      </van-cell-group>
    </div>

    <div class="btn-group px_xs py_md">
      <van-button type="primary" round block>退出</van-button>
    </div>
  </div>
</template>

<script>
import { defineComponent, computed, onMounted, ref } from 'vue';

import userCenterStore from '../store/index';
import Header from '../components/header.vue';
import { navigate } from '@/service/navigate';
import { getUserList } from '../api/user.service';

export default defineComponent({
  name: 'Center',
  components: {
    Header,
  },
  setup() {
    const centerStore = userCenterStore();

    console.log('user', centerStore);
    const count = computed(() => centerStore.count);
    function increment() {
      centerStore.increment();
    }
    function decrement() {
      centerStore.decrement();
    }

  

    return {
      count,
      increment,
      decrement,
      navigate,
    };
  },
});
</script>

<style>
.btn-group {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  box-sizing: border-box;
}
</style>
